<template>
  <div class="gi_page">
    <SplitPanel>
      <template #left>
        <BrandTree @node-click="handleSelectBrand" />
      </template>
      <template #main>
        <ModelList />
      </template>
    </SplitPanel>
  </div>
</template>

<script setup lang="ts">
import BrandTree from './tree/index.vue'
import ModelList from './model/index.vue'

defineOptions({ name: 'BrandTree' })

const activeTab = ref('1')

const brandId = ref('')
// 根据选中品牌查询
const handleSelectBrand = (keys: Array<any>) => {
  brandId.value = keys.length === 1 ? keys[0] : undefined
}
</script>

<style scoped lang="scss">

</style>
